<script setup>
import { ref, onMounted } from 'vue'

defineProps({
  title: {
    type: String,
    default: () => '向往每一天'
  },
  subTitle: {
    type: String,
    default: () => '吃得苦中苦, 方为人上人'
  },
})

</script>

<template>
  <div class=" w-auto bg-gray-900 py-3">
    <div class="text-white text-2xl center py-2">
      {{ title }}
    </div>
    <div class="text-white text-sm center py-2">
      {{ subTitle }}
      <svg
        class="w-5 h-5 pl-1"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="3253"
      
      >
        <path
          d="M190.808943 21.458761h752.751845a19.146381 19.146381 0 0 1 19.146382 19.146382v942.781991a19.146381 19.146381 0 0 1-19.146382 19.146381H190.808943a128.089598 128.089598 0 0 1-127.950857-128.089598V149.532944a128.089598 128.089598 0 0 1 127.950857-128.074183z"
          fill="#FFFFFF"
          p-id="3254"
        ></path>
        <path
          d="M165.29585 751.857747V138.741908c0-64.530396 46.70977-117.34481 103.794351-117.34481h674.71724c10.451889 0 18.992224 9.665685 18.992223 21.474162v708.986487"
          fill="#FFAC1F"
          p-id="3255"
        ></path>
        <path
          d="M165.29585 751.857747V138.741908c0-64.530396 40.15807-117.34481 89.241869-117.34481h580.172347c8.987391 0 16.325296 9.665685 16.325296 21.474162v708.986487"
          fill="#FECD57"
          p-id="3256"
        ></path>
        <path
          d="M211.250248 142.565018l598.409198 0 0 182.013947-598.409198 0 0-182.013947Z"
          fill="#FFFFFF"
          p-id="3257"
        ></path>
        <path
          d="M284.228484 142.565018l525.430962 0 0 182.013947-525.430962 0 0-182.013947Z"
          fill="#65A347"
          p-id="3258"
        ></path>
        <path
          d="M284.228484 142.565018l453.747651 0 0 182.013947-453.747651 0 0-182.013947Z"
          fill="#9BD37A"
          p-id="3259"
        ></path>
        <path
          d="M283.303538 750.531991h658.253201a21.22751 21.22751 0 0 1 21.227509 21.22751v209.531089A21.22751 21.22751 0 0 1 941.556739 1002.533515H283.303538a117.946024 117.946024 0 0 1-117.946025-117.946024v-16.124891a117.946024 117.946024 0 0 1 117.946025-117.930609z"
          fill="#65A347"
          p-id="3260"
        ></path>
        <path
          d="M275.148597 750.531991h562.367138a19.778428 19.778428 0 0 1 19.778428 19.778428V982.755088a19.778428 19.778428 0 0 1-19.778428 19.778427h-562.367138a109.868163 109.868163 0 0 1-109.868163-109.868163v-32.280614a109.868163 109.868163 0 0 1 109.868163-109.868163z"
          fill="#9BD37A"
          p-id="3261"
        ></path>
        <path
          d="M962.784248 876.787113a21.458746 21.458746 0 0 1-21.474161-21.474162V438.393564a21.474162 21.474162 0 0 1 42.932908 0v416.934803a21.458746 21.458746 0 0 1-21.458747 21.458746zM61.208599 876.787113A21.458746 21.458746 0 0 1 39.734437 855.328367V138.741908A138.957713 138.957713 0 0 1 178.47633 0.000015h762.772094a42.979155 42.979155 0 0 1 43.009986 42.932908V290.278886a21.474162 21.474162 0 0 1-42.932908 0V42.932923H178.47633A95.963142 95.963142 0 0 0 82.667345 138.741908v716.524796a21.458746 21.458746 0 0 1-21.458746 21.520409z"
          fill="#231815"
          p-id="3262"
        ></path>
        <path
          d="M940.230983 1023.992261h-102.56109a21.474162 21.474162 0 1 1 0-42.932908h102.56109l1.094519-207.943265-754.725064-1.109935a104.041004 104.041004 0 0 0-103.933093 103.917677c0 58.57991 46.632692 105.135523 103.933093 105.135523h492.687877a21.474162 21.474162 0 0 1 0 42.932908H186.600438A147.020159 147.020159 0 0 1 39.734437 877.157092c0-82.181448 65.871567-148.068431 146.866001-148.068431h753.630545a44.08909 44.08909 0 0 1 44.027427 44.012011v206.848746a44.08909 44.08909 0 0 1-44.027427 44.042843zM732.272302 346.053127H288.652808a98.984632 98.984632 0 0 1-98.876722-98.876722v-27.208827a98.984632 98.984632 0 0 1 98.876722-98.876722h443.619494a98.969217 98.969217 0 0 1 98.84589 98.876722v27.208827a98.969217 98.969217 0 0 1-98.84589 98.876722zM288.652808 164.03918a56.005477 56.005477 0 0 0-55.943814 55.943814v27.208827a56.005477 56.005477 0 0 0 55.943814 55.943814h443.619494a55.990062 55.990062 0 0 0 55.912983-55.943814v-27.224243a55.990062 55.990062 0 0 0-55.912983-55.943814z"
          fill="#231815"
          p-id="3263"
        ></path>
      </svg>
    </div>
  </div>
</template>

<style
  scoped
  lang='scss'
></style>